<template>
  <div class="row">
    <div class="classificationTitle col-12">
      <h2>{{title}}</h2>
    </div>
    <div class="item-container d-flex flex-column align-items-center col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3"
         v-for="(item,i) of items" :key="i">
      <img :src="item.src" style="width:80px;height:80px;">
      <div class="detail" style="border: 0;">
        <h5><a class="name">{{item.name}}</a></h5>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "TemplateOfList2",
    props: ['title', 'items']
  }
</script>

<style scoped>
  @import "../../assets/css/TemplateOfList.css";
</style>
